<script lang="ts" setup>
import useMainLibraryFullScreen from '@/utils/useMainLibraryFullScreen'
// 切换仓库是否全屏
const { getMainLibraryIsFullScreen } = useMainLibraryFullScreen()
const isMainLibraryFullScreen = getMainLibraryIsFullScreen()
</script>

<template>
    <div v-show="!isMainLibraryFullScreen" class="flex-grow-1 full-h column-normal p-a-20">
        <!-- 数据总览 -->
        <DataOverview></DataOverview>
        <!-- 今日数据统计 -->
        <TodayDataOverview class="m-t-10"></TodayDataOverview>
        <!-- 入库、出库走势图及物料类型统计 -->
        <div class="full-w m-t-10 row-normal">
            <div class="row-normal full-w-0">
                <Trend class="full-w-0-g-3"></Trend>
                <MaterialTypeStatistics class="m-l-10 full-w-0-g-2"></MaterialTypeStatistics>
            </div> 
        </div>
        <!-- 入库、出库记录及库龄分布占比 -->
        <div class="full-w m-t-10 row-normal">
            <div class="row-normal full-w-0">
                <LibraryRecord class="full-w-0-g-3"></LibraryRecord>
                <LibraryPercent class="m-l-10 full-w-0-g-2"></LibraryPercent>
            </div> 
        </div>
    </div>
</template>   

<style lang="stylus" scoped>
@import url('@/css/normal.styl');
</style>